<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>静态资源文件下载工具</title>
  <link href="lib/bootstrap.min.css" rel="stylesheet">
  <script src="lib/jquery-2.2.4.min.js"></script>
  <style>
    input:focus,textarea:focus,select:focus{outline: none}
    input{width:300px;height:35px;border: 1px solid #bbb;line-height: 35px;padding:0 10px;float:left;}
    a{
      line-height: 35px;
      text-decoration: none;
      background: #56D030;
      float:left;
      width:85px;
      color:#fff;
      text-decoration: none;
      text-align: center;
      outline: none;
    }
    a:focus {
      text-decoration: none;
      color: #fff;
    }
    a:hover {
      text-decoration: none;
      color: #fff;
      opacity: .9;
    }
    p{color:red;font-size: 14px;display: none;}
    .main-wrap {
      width: 420px;
    }
    .file-box {
      padding: 10px 0;
    }
    .panel {
      margin-bottom: 0;
    }
  </style>
</head>
<body>
  <div class="main-wrap">
    <div class="panel panel-default">
       <div class="panel-heading">
          <h3 class="panel-title">输入文件链接地址点击下载</h3>
       </div>
       <div class="panel-body">
          <div class="file-box clearfix">
            <p id="pHint">链接不能为空，The link cannot be empty。</p>
            <input type="text" id="fileInput" placeholder="Please enter the download file link">
            <a href="javascript:;" download id="downloadBtn">Download</a>
          </div>
       </div>
    </div>
  </div>
  <script src="./js/popup.js"></script>
</body>
</html>
